﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<HTML lang="en">

	<HEAD>
		<META content="IE=10.000" http-equiv="X-UA-Compatible">

		<META charset="utf-8">
		<META name="viewport" content="width=device-width, initial-scale=1.0">
		<TITLE>运营管理后台</TITLE>
		<!-- CSS -->
		<LINK href="css/OpenSans.css" rel="stylesheet" type="text/css">
		<LINK href="css/bootstrap.min.css" rel="stylesheet">
		<LINK href="css/jasny-bootstrap.min.css" rel="stylesheet">
		<LINK href="css/font-awesome.css" rel="stylesheet" type="text/css">
		<LINK href="css/daterangepicker-bs3.css" rel="stylesheet" type="text/css">
		<LINK href="css/datepicker.css" rel="stylesheet" type="text/css">
		<LINK href="css/select2.css" rel="stylesheet" type="text/css">
		<LINK href="css/select2-bootstrap.css" rel="stylesheet" type="text/css">
		<LINK href="css/uniform.default.min.css" rel="stylesheet" type="text/css">
		<!--<link href="scripts/css/prettify.css" rel="stylesheet" type="text/css" />
        <link href="http://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.10/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />-->
		<LINK href="css/fullcalendar.css" rel="stylesheet">
		<LINK href="css/fullcalendar.print.css" rel="stylesheet" media="print">
		<LINK href="css/toastr.min.css" rel="stylesheet">
		<LINK href="css/ark.css" rel="stylesheet" type="text/css">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
            <script src="/manager/js/html5shiv.js"></script>
            <script src="/manager/js/respond.min.js"></script>
        <![endif]-->

		<SCRIPT src="js/jquery.min.js"></SCRIPT>

		<META name="GENERATOR" content="MSHTML 10.00.9200.17457">
	</HEAD>

	<BODY class="cover">
		<DIV class="wrapper">
			<!-- HEAD NAV -->
			<DIV class="navbar navbar-default navbar-static-top navbar-main" role="navigation">
				<DIV class="navbar-header">
					<A class="navbar-brand" href="#">
						运营管理后台</A>
				</DIV>
				<UL class="nav navbar-nav navbar-left">
					<LI class="sidemenu-switch">
						<A href="#">
							<SPAN class="sr-only">Toggle navigation</SPAN>
							<I class="fa fa-bars"></I>
						</A>
					</LI>
				</UL>
				<UL class="nav navbar-nav navbar-right">
					<LI class="visible-xs">
						<A class="navbar-toggle" href="#" data-toggle="collapse" data-target=".sidebar">
							<SPAN class="sr-only">Toggle 
  navigation</SPAN>
							<I class="fa fa-bars"></I> </A>
					</LI>
					<LI class="dropdown">
						<A class="dropdown-toggle avatar pull-right" href="#" data-toggle="dropdown">
							<SPAN class="hidden-small">管理员<B 
  class="caret"></B></SPAN> </A>
						<UL class="dropdown-menu pull-right">
							<LI>
								<A href="#">
									<I class="fa fa-sign-out"></I>退出登录</A>
							</LI>
						</UL>
					</LI>
				</UL>
			</DIV>
			<!-- END: HEAD NAV -->
			<!-- BODY -->
			<DIV class="body">
				<!-- SIDEBAR -->
				<!-- SIDEBAR -->
				<ASIDE class="sidebar">
					<UL class="nav nav-stacked">
						<LI class="menu">
							<A class="menu-toggle" href="#">
								<I class="fa fa-users fa-fw"></I>
								<SPAN class="item-label">玩家管理<I 
  class="caret"></I></SPAN>
							</A>
							<UL class="submenu">
								<LI class="active">
									<A href="user-list.html">
										<I class="fa fa-sort-alpha-asc fa-fw"></I>
										<SPAN>玩家列表</SPAN>
									</A>
								</LI>
								<LI>
									<A href="usergame-list.html">
										<I class="fa fa-list fa-fw"></I>
										<SPAN>玩家游戏统计</SPAN>
									</A>
								</LI>
								<LI>
									<A href="user-gold.html">
										<I class="fa fa-support fa-fw"></I>
										<SPAN>金币记录</SPAN>
									</A>
								</LI>
							</UL>
						</LI>
					
						
						<LI class="menu ">
							<A class="menu-toggle" href="#/user/users">
								<I class="fa fa-user fa-fw"></I>
								<SPAN class="item-label">系统用户<I 
  class="caret"></I></SPAN>
							</A>
							<UL class="submenu">
								<LI>
									<A href="user-manage.html">
										<I class="fa fa-sort-alpha-asc fa-fw"></I>
										<SPAN>用户管理</SPAN>
									</A>
								</LI>
								<LI>
									<A href="#">
										<I class="fa fa-th-large fa-fw"></I>
										<SPAN>角色与权限</SPAN>
									</A>
								</LI>
							</UL>
						</LI>
						<LI class="menu ">
							<A class="menu-toggle" href="#/user/users">
								<I class="fa fa-phone fa-fw"></I>
								<SPAN class="item-label">客户服务<I 
  class="caret"></I></SPAN>
							</A>
							<UL class="submenu">
								<LI>
									<A href="#">
										<I class="fa fa-credit-card fa-fw"></I>
										<SPAN>会员反馈处理</SPAN>
									</A>
								</LI>
							</UL>
						</LI>
						<LI class="menu ">
							<A class="menu-toggle" href="#/user/users">
								<I class="fa fa-adn fa-fw"></I>
								<SPAN class="item-label">应用管理<I 
  class="caret"></I></SPAN>
							</A>
							<UL class="submenu">
								<LI>
									<A href="#/app/notices">
										<I class="fa fa-bullhorn fa-fw"></I>
										<SPAN>公告设置</SPAN>
									</A>
								</LI>
								<LI>
									<A href="#/app/apps">
										<I class="fa fa-android fa-fw"></I>
										<SPAN>版本管理</SPAN>
									</A>
								</LI>
							</UL>
						</LI>
						<LI class="menu ">
							<A class="menu-toggle" href="#/player/players#">
								<I class="fa fa-header fa-fw"></I>
								<SPAN class="item-label">活动管理<I 
  class="caret"></I></SPAN>
							</A>
							<UL class="submenu">
								<LI>
									<A href="#/activity/activities">
										<I class="fa fa-sort-alpha-asc fa-fw"></I>
										<SPAN>活动列表</SPAN>
									</A>
								</LI>
							</UL>
						</LI>
						<LI class="menu ">
							<A class="menu-toggle" href="#/player/players#">
								<I class="fa fa-bar-chart-o fa-fw"></I>
								<SPAN class="item-label">数据统计<I class="caret"></I></SPAN>
							</A>
							<UL class="submenu">
								<LI>
									<A href="richest-player.html">
										<I class="fa fa-users fa-fw"></I>
										<SPAN>玩家排名统计</SPAN>
									</A>
								</LI>
								
							</UL>
						</LI>
						<LI class="menu ">
							<A class="menu-toggle" href="#/player/players#">
								<I class="fa fa-sliders fa-fw"></I>
								<SPAN class="item-label">系统管理<I 
  class="caret"></I></SPAN>
							</A>
							<UL class="submenu">
								<LI>
									<A href="#/system/logs">
										<I class="fa fa-history fa-fw"></I>
										<SPAN>系统日志</SPAN>
									</A>
								</LI>
								<LI>
									<A href="#/player/players#">
										<I class="fa fa-cloud fa-fw"></I>
										<SPAN>系统监控</SPAN>
									</A>
								</LI>
							</UL>
						</LI>
					</UL>
				</ASIDE>
				<!-- END: SIDEBAR -->
				<!-- END: SIDEBAR -->
				<SECTION class="content">
					<OL class="breadcrumb">
						<LI>
							<I class="fa fa-list fa-fw"></I> 订单</LI>
					</OL>
					<!-- CONTENT -->
					<DIV class="main-content">
						<UL class="nav nav-tabs" role="tablist">
							<LI class="active">
								<A href="#shop/order/orders">全部</A>
							</LI>
							<LI>
								<A href="#shop/order/orders/heishan">黑山</A>
							</LI>
							<LI>
								<A href="#shop/order/orders/quyang">曲阳</A>
							</LI>
						</UL>
						<BR>
						<FORM class="form-horizontal">
							<DIV class="form-group">
								<DIV class="col-md-3">
									<SELECT name="category" class="form-control" placeholder="商品分类">
										<OPTION value="-1">所有类别</OPTION>
										<OPTION value="1">房卡</OPTION>
										<OPTION value="2">金币</OPTION>
									</SELECT>
								</DIV>
								<DIV class="col-md-3">
									<INPUT name="timeStart" class="form-control datepicker" id="ark-ex-datepicker" type="text" placeholder="开始时间" value="" data-date-format="yyyy-mm-dd">
								</DIV>
								<DIV class="col-md-3">
									<INPUT name="timeEnd" class="form-control datepicker" id="ark-ex-datepicker" type="text" placeholder="结束时间" value="" data-date-format="yyyy-mm-dd">
								</DIV>
								<DIV class="col-md-3 text-right">
									<DIV class="checkbox">
										<LABEL><INPUT name="onlyPaid" type="checkbox" value="yes"> 
仅支付订单						     </LABEL> </DIV>
								</DIV>
							</DIV>
							<DIV class="form-group">
								<DIV class="col-md-12 text-right">
									<BUTTON class="btn btn-primary">搜索</BUTTON>
								</DIV>
							</DIV>
							<DIV class="form-group">
								<DIV class="col-md-6">记录数：
									<LABEL>16</LABEL> </DIV>
								<DIV class="col-md-6 text-right"></DIV>
							</DIV>
						</FORM>
						<DIV class="row">
							<DIV class="col-md-12" role="dataResult">
								<TABLE class="table table-striped">
									<THEAD>
										<TR>
											<TD>订单号</TD>
											<TD>商品</TD>
											<TD>商品类型</TD>
											<TD>购买用户</TD>
											<TD>订单金额</TD>
											<TD>付款状态</TD>
											<TD>下单时间</TD>
											<TD>成交时间</TD>
										</TR>
									</THEAD>
									<TBODY>
										<TR>
											<TD>TQY20180320000016</TD>
											<TD>房卡4 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.04</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-21 11:04:26</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>TQY20180320000015</TD>
											<TD>房卡4 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.04</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-21 10:34:57</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>TQY20180320000014</TD>
											<TD>房卡4 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.04</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-21 10:34:49</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>TQY20180320000013</TD>
											<TD>房卡22 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.02</TD>
											<TD>
												<SPAN class="label label-success">支付完成</SPAN>
											</TD>
											<TD>2018-03-21 10:34:01</TD>
											<TD>2018-03-21 10:34:11</TD>
										</TR>
										<TR>
											<TD>TQY20180320000012</TD>
											<TD>房卡1 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-success">支付完成</SPAN>
											</TD>
											<TD>2018-03-21 10:32:58</TD>
											<TD>2018-03-21 10:33:14</TD>
										</TR>
										<TR>
											<TD>TQY20180320000011</TD>
											<TD>房卡1 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-21 09:38:40</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>TQY20180320000010</TD>
											<TD>房卡22 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.02</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-21 09:27:50</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>TQY20180320000009</TD>
											<TD>房卡1 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-20 17:57:29</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>TQY20180320000008</TD>
											<TD>房卡1 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-20 17:57:01</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>TQY20180320000007</TD>
											<TD> 5 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="">
													</DIV>
													<DIV class="col-md-9">104535
														<BR>宇文赌圣 </DIV>
												</DIV>
											</TD>
											<TD>5</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-20 17:29:38</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>QY20180320000006</TD>
											<TD>房卡22 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="">
													</DIV>
													<DIV class="col-md-9">104224
														<BR>皇甫自摸 </DIV>
												</DIV>
											</TD>
											<TD>0.02</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-20 16:06:43</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>QY20180320000005</TD>
											<TD>房卡88 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-20 15:06:15</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>QY20180320000004</TD>
											<TD> 665 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-20 15:05:12</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>QY20180320000003</TD>
											<TD> 665 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-success">支付完成</SPAN>
											</TD>
											<TD>2018-03-20 14:11:15</TD>
											<TD>2018-03-20 14:11:26</TD>
										</TR>
										<TR>
											<TD>QY20180320000002</TD>
											<TD>房卡1 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="">
													</DIV>
													<DIV class="col-md-9">104535
														<BR>宇文赌圣 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-default">支付授权</SPAN>
											</TD>
											<TD>2018-03-20 14:01:55</TD>
											<TD>--</TD>
										</TR>
										<TR>
											<TD>QY20180320000001</TD>
											<TD> 665 </TD>
											<TD>房卡</TD>
											<TD>
												<DIV class="row">
													<DIV class="col-md-3">
														<IMG style="width: 50px; height: 50px;" src="css/132.jpg">
													</DIV>
													<DIV class="col-md-9">108157
														<BR>蛋蛋 </DIV>
												</DIV>
											</TD>
											<TD>0.01</TD>
											<TD>
												<SPAN class="label label-success">支付完成</SPAN>
											</TD>
											<TD>2018-03-20 13:52:31</TD>
											<TD>2018-03-20 13:52:42</TD>
										</TR>
									</TBODY>
								</TABLE>
								<INPUT id="page" type="hidden" value="1">
								<UL class="pagination pagination-sm pull-left no-bottom-margin no-top-margin" role="pagination">
									<!--前-->
									<LI class="disabled">
										<A href="#shop/order/orders#">«</A>
									</LI>
									<!--中-->

									<LI class="disabled">
										<A href="#shop/order/orders#">1</A>
									</LI>
									<!--后-->
									<LI class="disabled">
										<A href="#shop/order/orders#">»</A>
									</LI>
								</UL>
							</DIV>
							<DIV class="col-md-12 center-block text-center" role="dataLoading" style="display: none;">
								<IMG src="css/loading.gif"> </DIV>
						</DIV>
					</DIV>
					<!-- END: CONTENT -->
				</SECTION>
			</DIV>
			<!-- END: BODY -->
		</DIV>
		<!-- JS -->
		<SCRIPT src="js/jquery-ui.min.js"></SCRIPT>

		<SCRIPT src="js/jquery.uniform.min.js"></SCRIPT>

		<SCRIPT src="js/bootstrap.min.js"></SCRIPT>

		<SCRIPT src="js/jasny-bootstrap.min.js"></SCRIPT>

		<SCRIPT src="js/jquery.autosize.min.js"></SCRIPT>

		<SCRIPT src="js/moment.min.js"></SCRIPT>

		<SCRIPT src="js/daterangepicker.js"></SCRIPT>

		<SCRIPT src="js/bootstrap-datepicker.js"></SCRIPT>

		<SCRIPT src="js/fullcalendar.min.js"></SCRIPT>
		<!-- <script src="/manager/vendor/dropzone/dist/min/dropzone.min.js"></script> -->
		<SCRIPT src="js/select2.min.js"></SCRIPT>

		<SCRIPT src="js/base.js"></SCRIPT>
		<!-- <script src="/manager/js/ark.js"></script> -->
		<SCRIPT src="js/toastr.min.js"></SCRIPT>

		<SCRIPT src="js/admin.js"></SCRIPT>

		<SCRIPT type="text/javascript">
			$('form').on('submit', function(e) {
				e.preventDefault();
				goPage(1);
			})
			/* 分页*/
			function goPage(number) {
				$('div[role=dataResult]').hide();
				$('div[role=dataLoading]').show();
				var url = '?page=' + number;
				var category = $('select[name=category]').val();
				var timeStart = $('input[name=timeStart]').val();
				var timeEnd = $('input[name=timeEnd]').val();
				var onlyPaid = $('input[name=onlyPaid]:checked').val();
				if(category !== '-1') url += '&category=' + category;
				if(timeStart && !isNaN(parseInt(timeStart))) {
					url += '&timeStart=' + timeStart;
				}
				if(timeEnd && !isNaN(parseInt(timeEnd))) {
					url += '&timeEnd=' + timeEnd;
				}
				if(onlyPaid) url += '&onlyPaid=yes';

				$.ajax({
					url: url,
					type: 'get',
					success: function(result) {
						$('div[role=dataResult]').show();
						$('div[role=dataLoading]').hide();
						$('div[role=dataResult]').html(result)
					}
				})
			}
		</SCRIPT>
	</BODY>

</HTML>